<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Css3响应式</title>
    <link rel="stylesheet" href="./css/sider.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <div class="headerbox clearFix">
            <div class="headerlf">
                小渡热线：999999
            </div>
            <div class="headerrg">
                <a href="">welcome Family~</a>
            </div>
        </div>
    </header>
    <div class="logo-nav clearFix">
        <div class="oncontent">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="logo">
            <img src="./image/logo.png" alt="">
        </div>
        <nav>
            <li><a href="">Home</a></li>
            <li><a href="">Team</a></li>
            <li><a href="">Learn</a></li>
            <li><a href="">Activeity</a></li>
            <li><a href="">Join Us</a></li>
        </nav>
    </div>
    <div class="jsbox clearFix">
        <div class="teacher">老师简介</div>
        <div class="student">学员简介</div>
    </div>
    <div class="content"></div>
    <div class="yuyanbox">
        <div><span>HTML</span><span>超文本标记语言</span></div>
        <div><span>Css</span><span>层叠样式表设置</span></div>
        <div><span>JS</span><span>解释性脚本语言</span></div>
    </div>
    <div class="ketang">
        <div class="ketangtext">
            <h3>渡一教育</h3>
            <p>育人为渡</p>
            <p>经久如一</p>
            <p>用实力用让情怀落地</p>
        </div>
        <div class="ketangxiangqing">
            <div class="kemu">
                <div>html/css</div>
                <div class="live">直播： 8 节</div>
                <div>去上课</div>
            </div>
            <div class="kemu">
                <div>html/css</div>
                <div class="live">直播： 8 节</div>
                <div>去上课</div>
            </div>
            <div class="kemu">
                <div>html/css</div>
                <div class="live" >直播： 8 节</div>
                <div>去上课</div>
            </div>
        </div>
    </div>
    <footer>
        <div class="bottomlogo">
            <img src="./image/logo.png" alt="">
        </div>
        <div class="footertext">
            <p><a href="">关于我们</a></p>
            <p><a href="">公司介绍</a></p>
            <p><a href="">业务服务</a></p>
            <p><a href="">服务协议</a></p>
        </div>
        <div class="footertext">
            <p><a href="">关于我们</a></p>
            <p><a href="">公司介绍</a></p>
            <p><a href="">业务服务</a></p>
            <p><a href="">服务协议</a></p>
        </div>
        <div class="footertext">
            <p><a href="">关于我们</a></p>
            <p><a href="">公司介绍</a></p>
            <p><a href="">业务服务</a></p>
            <p><a href="">服务协议</a></p>
        </div>
        <div class="footertext">
            <p><a href="">关于我们</a></p>
            <p><a href="">公司介绍</a></p>
            <p><a href="">业务服务</a></p>
            <p><a href="">服务协议</a></p>
        </div>
    </footer>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/tools-index.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>